body{ color:#666; font-family:Arial; font-size:12px; margin:0; padding:0;}
ul,h1,h2,h3,h4,h5,h6,p{ margin:0; padding:0; list-style:none;}
form{margin:0;padding:0;}
img{ border:none;}
a{ text-decoration:none; color:#666;}
a:hover{ color:#3388d8;}
h3.protitle{font:bold 14px "宋体","Tahoma","Arial";color:#003A75;line-height:150%;}
.clear{ clear:both; height:0; line-height:0; font-size:0;}
.line{height:7px;line-height:0;font-size:0;display:block;}
.border-lr{padding:7px 0;position:relative;}
.border-lrb{padding:7px 0;position:relative;}
.border-notop{ background:#fff;position:relative; padding:0px 0 0;}
.pd5{padding:10px;}
.lh{line-height:150%;}
.f_right{float:right;}
.red{color:darkred;}
.bline{border-bottom:1px solid #dae9f8;}
.hand{cursor:pointer;}
.img_no_select{padding:3px;border:3px #B8D5F1 solid;}
.img_selected{padding:3px;border:3px #3388D8 solid;}
.price{color:red;font-weight:bold;}
.buy{ width:75px; height:28px; border:none; background:url(but_bg06.jpg) no-repeat;}
.con{width:75px; height:28px; border:none; background:url(but_bg05.jpg) no-repeat;}
.but01 {
    width: 38px;
    height: 22px;
    border: none;
    background: #c4c4c4;
}
.long_input{width:360px;}
.input_login{height:16px; background:url(input_bg01.jpg) repeat-x; border:1px solid #a9d9f4; width:150px;}
.usercp{list-style:none;padding:0;margin:0;padding-left:33px;}
/*头部样式*/
.header{background:url(../images/top_bg.jpg) repeat-x; padding:0px 0 0 0; width:1002px; margin:0 auto;}
.header .logo{ width:992px; margin:0 auto; padding:0 0 0 8px;}
.header .logo span{ float:right; color:#f96f0c; margin:18px 5px 0 0; font-weight:bold; font-size:13px;line-height:40px; width:606px;}
.header .logo span b{ color:#838383; margin:0 5px; background:url(../images/tel.gif) no-repeat; height:33px; line-height:43px; padding-left:43px; float:left;}
.header .logo label{ float:left; margin-right:50px;}

.header .menu{ width:992px; background:url(../images/nav.jpg) repeat-x #184d83;height:61px; margin:0 auto; padding:0 0 0 10px;}
.header .menu li{ float:left; background:url(../images/nav-l.jpg) no-repeat right center; padding:0 22px;}
.header .menu li a{ width:121px; height:31px; display:block; text-align:center; color:#dee1f0;padding:0px 0 0 0; line-height:31px;margin-top:0px;}
.header .menu li a:hover{ color:#fff;background:url(../images/nav-h.jpg) repeat-x;}
.header .menu .li_a a{ color:#fff; font-weight:bold; background:url(menu_bg01.jpg) no-repeat;}

.vmenu{position:relative;  border-bottom:1px solid #efefef;height:39px;}
.vmenu h3{  background:url(../images/y1.jpg) no-repeat 10px center;width:500px;position:absolute;left:0;top:0;font-size:14px;font-weight:bold;color:#000;line-height:39px;text-indent:30px;}

.banner{ width:1002px; margin:0 auto;}
/*首页样式*/
.main{width:999px; margin:2px auto 0px;background:#fff url(../images/left-l.jpg) repeat-y; border-right:1px solid #f6f6f6;}
.i-main{width:1002px; margin:2px auto 14px;background:#fff;}
.main .left{float:left;width:200px;  padding:10px 10px 0px;background:url(../images/left.jpg) repeat-x top;}
.main .right{float:right;width:779px;}
.main .left h3{height:22px; background:url(../images/h3.jpg) no-repeat left 13px; font-size:12px; color:#212121;padding:10px 0 0 15px;}
.main .left table{ width:184px; margin:0 auto;}
.main .left .but01{ width:79px; height:32px; border:none; background:url(search.jpg);}
.main .left input{ height:16px; background:url(../images/input_bg01.jpg) repeat-x; border:1px solid #a9d9f4; width:150px;}
.main .left .bottom{border-bottom:3px solid #fff;height:3px; overflow:hidden;line-height:0;font-size:0}
.main .left a{ margin:0 0 0 0px; color:#212121;}
.main .left li{ line-height:21px; background:url(../images/p-l.jpg) no-repeat left center;}
.main .left li a{margin:0 0 0 10px;}
.main .right .right-l{ float:left; width:561px;overflow:hidden;}
.main .right .right-r{ float:right; width:188px; overflow:hidden; padding:30px 15px 0;}
.main .right .right-r  h3{height:22px; background:url(../images/h3.jpg) no-repeat left 13px; font-size:14px; color:#212121;padding:10px 0 0 15px;}
.main .right .left{ background:none;}
.main .right .i-news li a{ color:#000;}
.main .right .i-news li{ clear:both; line-height:20px; padding:10px 0; border-bottom:3px solid #fff; float:left; width:100%;}
.main .right .i-news span{ float:left;}
.main .right .i-news label{ float:right;}

.main .right .me{ height:255px; background:#e5f1d7 url(me.jpg) repeat-x top; padding:15px; overflow:hidden;}
.main .right .me .banner{ float:right;width:330px;}
.main .right .me .intro{ float:left; width:530px; line-height:20px; color:#779957;}
.main .right .me .intro img{ display:block; margin:5px 20px 4px 0px;}
.main .right .me .intro h4{ font-size:18px; color:#28b6e0; text-align:left; line-height:15px; margin:12px 0 12px 0;}
.main .right ul.picture{list-style:none;padding:0;margin:0;}
.main .right ul.picture li{float:left;width:131px;text-align:center;line-height:150%;padding:5px 0;margin:6px 20px 0 30px;}
.main .right ul.picture .p-title{ margin:10px 0;}
.main .right ul.picture img{ border:1px solid #edeef0; padding:1px;}
.main .right .probg{ margin-left:35px; display:inline;float:left;}
.main .right ul.product{list-style:none;padding:0;margin:0;}
.main .right ul.product li{float:left;width:339px;padding:5px 0;height:135px;overflow:hidden;}
.main .right ul.product li .img{float:left;width:139px;text-align:center;padding-top:5px}
.main .right ul.product li .txt{float:left;width:200px;padding-top:5px}
.main .right ul.product li .txt div{border-bottom:1px solid #EBEBEB;line-height:21px;width:98%;}
.main .right ul.newslist{list-style:none;padding:0;margin:0}
.main .right ul.newslist li{border-bottom:1px dashed #EBEBEB;line-height:25px;height:25px;padding-left:28px;background:url(../images/news.gif) 10px no-repeat;margin-left:7px;margin-right:5px;}
.main .right .title{font:bold 18px "宋体","Tahoma","Arial";text-align:center;height:35px;line-height:35px;color:#0070A6}
.main .right .date{font-size:12px;font-family:"Tahoma","Arial";text-align:center}
.main .right .content{line-height:150%;padding:5px 2px;}
.main .right .proimg{float:left;width:435px;overflow:hidden;}
.main .right .protxt{float:left;width:300px;}
.main .right .note{padding:3px;}

.main .right .pictures-tab{ border-left:1px solid #D1D1D1;border-top:1px solid #D1D1D1;}
.main .right .pictures-tab th,.main .right .pictures-tab td{ border-right:1px solid #D1D1D1; border-bottom:1px solid #D1D1D1; padding:4px;}
.main .right .pictures-tab th{ text-align:left; background:#EFEFEF;}
.main .right .pictures-tab .td{ background:#EFEFEF;}

.pagelist .m{text-align:center;border:1px solid #3388d8;background:#EBEBEB;font-weight:bold;padding:3px 5px;display:block;}
.pagelist .n{text-align:center;border:1px solid #3388d8;padding:3px 5px;display:block;}

.none {display:none;}

.flip{ padding:20px 0; text-align:center;}
.flip a{ padding:3px 8px; margin:0 2px; border:1px solid #dddddd; color:#666;}
.flip a:hover{ font-weight:bold; color:#3388d8;}


/*底部样式*/
.copyright{ width:1002px; margin:5px auto 0px; padding:5px 0;clear:both; background:#f3f3f3; color:#43464b;}
.copyright .menu a{ color:#fff;}
.link{ clear:both;}
.link h3{ margin-bottom:14px;}
.link span{ float:left; background:url(p-l.jpg) no-repeat left 6px;width:100%; overflow:hidden; margin-left:8px;}
.link span a{ margin:0 8px;}
.link .more{}
.copyright .bottom{ text-align:center; line-height:20px; font-family:Arial; padding:5px 0;}


/* 自定义模块涉及到的样式 */
.table{margin:1px auto;width:99%;}
.table .left{float:left;width:20%;text-align:right;padding:3px 1px;}
.table .right{float:left;text-align:left;padding:3px 1px;width:68%;}
.clue_on{color:#808080}



/* 订单中涉及到的CSS */
.t_sub{height:23px;text-align:center;border-bottom:1px solid #003A75;background:#97BEF4;}

/* 鼠标移过去的特效 */
.tr_out{height:23px;}
.tr_over{height:23px;background:#BFD8F9;}

.picture-tab{ line-height:26px; margin:26px 8px 0 0; float:right;}
.picture-tab td{ border-bottom:1px solid #e8e8e8}
.picture-tab b{ color:#000;}
/* Default list styling */

#nav li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
#nav ul, 
#nav li:hover ul ul,
#nav li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none; text-align:left;}

#nav li:hover ul.sub
{left:0; top:38px; background:#F6F6F6;white-space:nowrap; width:104px; height:auto; z-index:3000;}
#nav li:hover ul.sub li
{display:block; height:28px;line-height:28px;position:relative; background:none;float:left; width:104px; font-weight:normal;}
#nav li:hover ul.sub li a
{display:block; height:25px; width:90px; line-height:25px;color:#000; text-decoration:none; padding:0; margin:0;}

#nav li:hover ul.sub li a:hover{ color:#1381ce;background:none;}

.buttonStyle {
  border: 0px none;
  border: hidden;
  float: left;
}


.i-left{ float:left; width:219px; padding:0 11px; margin:14px 0 0;border-right:1px dashed #d1d1d1}
.i-contact{ border:none; margin-bottom:14px;+margin-bottom:0px;}
.i-left .i_c{ text-indent:24px; margin:10px 10px 5px; height:75px; overflow:hidden;}
.i-left .intro{ background:url(../images/i_bg.jpg) no-repeat; height:123px; overflow:hidden; display:block; float:left; width:219px; line-height:25px;}
.i-left .more{ background:url(../images/more.gif) no-repeat; float:left; width:45px; height:17px; margin-left:15px;}
.i-news ul{ margin:8px 0 5px 8px;}
.i-news ul li{ width:200px; display:block;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.i-contact .title{ background:url(../images/contact.jpg) no-repeat; width:250px; height:35px; display:block;}
.i-contact .intro{ background:url(../images/i_bg1.jpg) no-repeat; width:238px; height:149px; padding:0 0 0 12px;}
.i-contact .intro .intro_c{ background:url(../images/ch.jpg) no-repeat 130px 40px;}


.banner_01{ width:1002px;height:360px; overflow:hidden; position:relative; z-index:1; margin-top:10px; }
.banner_01 ul {height:360px;position:absolute;}
.banner_01 ul li {width:1002px; height:360px;float:left;overflow:hidden; position:relative; background:#ccc;}
.banner_01 ul li img{ width:1002px; height:360px;}
.banner_01 .btnBg { width:1002px;height:20px;position:absolute; left:0; bottom:0; /*background:#000;*/}
.banner_01 .btn {width:1002px; position:absolute; height:10px; padding:5px 10px; right:0; bottom:3px; text-align:right;}
.banner_01 .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:10px; _font-size:0; margin-left:5px; cursor:pointer; background:#a35924;}
.banner_01 .btn span.on {background:#fff;}
/*.banner_01 .preNext {top:130px;width:45px; height:100px;  position:absolute; background:url(../images/sprite.png) no-repeat 0 0; cursor:pointer;}
.banner_01 .pre {left:0;}
.banner_01 .next {right:0; background-position:right top;}*/